<div class="support-faq" id="support-faq">
    <div class="page-width">
       <div class="ten-title">
          <h2 class="title">
            <span>{{ section.settings.title | escape }}</span>
          </h2>
       </div>
       <div class="blog_all">

       <div class="all-faq grid grid--1-col grid--2-col-tablet">
        {%assign blog_handles = "Our-E_bikes,General,Payment__Shipment,Accessory" | split: "," %}
 
        {% for handle in blog_handles %}
           <div class="grid__item faq_item">
              <ul>
                <h1 class="blog-h1">
                {{ handle | replace: '__', ' & ' | replace: '-', ' ' | replace: '_', '-' | uppercase }}
                <span class="blog-icon"> {% render 'icon-more' %}
               </h1>
               <div class="blog-div">
                {% for article in blogs[handle].articles limit: 3 %}     
                <li>
                 <h2><a class="article_title" href="{{ article.url }}">{{ article.title }}</a></h2> 
                </li>
             {% endfor %}
               </div>
              <div class="faq-a">
                <a class="article_title" href="https://au.tenways.com/{{ section.settings.link }}/{{ handle }}">  {{ section.settings.button_label | escape }}</a>
                <span>{% render 'icon-tright' %}</span>
              </div>
              </ul>
            </div>
       {% endfor %}
       </div>

       </div>
    </div>
</div>

{% schema %}
{
  "name": "Faq",
  "tag": "section",
  "class": "spaced-section spaced-section--full-width",
  "settings": [
  {
    "type": "text",
    "id": "title",
    "default": "Multicolumn",
    "label": "t:sections.multicolumn.settings.title.label"
  },
  {
    "type": "html",
    "id": "link",
    "default": "blogs",
    "label": "blogs url"
  },
  {
    "type": "text",
    "id": "button_label",
    "default": "Read More",
    "label": "Read More"
  }
  ],
  "presets": [
    {
      "name": "Faq"
    }
  ]
}
  {% endschema %}


 